<template>
  <div class="common_header">
    <div class="common_header_item"></div>
    <div class="common_header_item">{{ headerTitle }}</div>
    <div class="common_header_item"></div>
  </div>
</template>
<script>
export default {
  name: "CommonHeader",
  data() {
    return {};
  },
  props: {
    headerTitle: {
      type: String,
      default() {
        return "header";
      },
    },
  },
  mixins: [],
  created() {},
  mounted() {},
  updated() {},
  destroyed() {},
  computed: {},
  watch: {},
  methods: {
    getComponentsData() {},
    submitComponentData() {},
    verifiedData() {},
    reloadComponentData() {},
  },
};
</script>
<style lang="scss" scoped>
.common_header {
  display: flex;
  .common_header_item {
    width: 98%;
    text-align: center;
    &:first-child {
      width: 30px;
    }
    &:last-child {
      width: 30px;
    }
  }
}
</style>
